<load href="../Public/css/account.css" />
<load href="../Public/js/plugin/Uploadify/uploadify.css" />
<load href="../Public/js/plugin/Uploadify/swfobject.js" />
<load href="../Public/js/plugin/Uploadify/jquery.uploadify.v2.1.4.min.js" />
<load href="../Public/js/module/User/avatar.js" />

<div id="main-content">


    <div class="left">
        <div class="thin-caption">
            <div class="thin-caption-left"></div>
            <div class="thin-caption-content"></div>
            <div class="thin-caption-right"></div>
        </div>
        <div class="left-field profile-page">
            <h1>账户管理</h1>
            <div class="account-tab">
                <ul>
                    <li><a href="__APP__/User/profile.shtml">个人资料</a></li>
                    <li class="selected"><a href="javascript:void(0);">头像</a></li>
                    <li><a href="__APP__/User/account.shtml">账号与密码</a></li>
                    <li><a href="/accounts/social/">绑定</a></li>
                </ul>
            </div>
            <form method="post" action="#" enctype="multipart/form-data" class="form-box">
                <div style="display:none"><input type="hidden" value="8402e41dd343b6bda0b3be5d58cb7e32" name="csrfmiddlewaretoken"></div>


                <div class="left-notice-box">
                    <span>默认的头像好<span style="font-size:26px">囧</span>啊，赶紧给自己换一个有个性的头像吧！<span class="grey2" style="font-size:12px">先看看别人的：</span></span>
                    <p class="avatars clearfix">
                        <a title="大灰狼吃小羊" href="http://chuaizhe.com/users/guolin/" target="_blank">
                            <img src="http://chuaizhe.com/media/avatar/1108/s892031.jpg">
                        </a>
                        <a title="老袁" href="http://chuaizhe.com/users/888/" target="_blank">
                            <img src="http://chuaizhe.com/media/avatar/1103/s019464.jpg">
                        </a>
                        <a title="依依" href="http://chuaizhe.com/users/73914267/" target="_blank">
                            <img src="http://chuaizhe.com/media/avatar/1106/s472212439.jpg">
                        </a>
                        <a title="Evacuee" href="http://chuaizhe.com/users/48400680/" target="_blank">
                            <img src="http://chuaizhe.com/media/avatar/1108/s568604796.jpg">
                        </a>
                        <a title="JL" href="http://chuaizhe.com/users/jimmyleo/" target="_blank">
                            <img src="http://chuaizhe.com/media/avatar/1107/s506644379.jpg">
                        </a>
                        <a title="Ellen" href="http://chuaizhe.com/users/15752715/" target="_blank">
                            <img src="http://chuaizhe.com/media/avatar/1103/s965936.jpg">
                        </a>
                        <a title="小一殿" href="http://chuaizhe.com/users/73296048/" target="_blank">
                            <img src="http://chuaizhe.com/media/avatar/1108/s594308873.jpg">
                        </a>
                        <a title="Harako原子" href="http://chuaizhe.com/users/93000413/" target="_blank">
                            <img src="http://chuaizhe.com/media/avatar/1107/s864773877.jpg">
                        </a>
                        <a title="信竹" href="http://chuaizhe.com/users/14028692/" target="_blank">
                            <img alt="信竹" src="http://chuaizhe.com/media/avatar/1103/s69662382.jpg">
                        </a>
                        <a title="Albert" href="http://chuaizhe.com/users/1/" target="_blank">
                            <img alt="Albert" src="http://chuaizhe.com/media/avatar/1107/s521483786.jpg">
                        </a>
                    </p>
                    <em></em>
                </div>

                <p>

                    <img src='{$Think.Session.WEB_USER.avatar}'/>

                </p>
                <h3>从电脑中选择你喜欢的照片:</h3>
                <p>
                    你可以上传JPG、JPEG、GIF、PNG或BMP文件。每个文件大小可以到1M。
                </p>
                <div style="margin-top: 20px;">
                    <input type="button" id="btn_upload" name="avatar"/><span class="error"></span>
                </div>
                <br>
                <a id="a_upload_enter" uId="{$Think.Session.WEB_USER.id}" class="rectangle-button" href="javascript:;;" style="margin-top:-10px;">上传照片</a>
            </form>
            <div class="clear"></div>
        </div>
        <div class="left-shadow"></div>
    </div>
    <div class="right">
        <div style="margin-top:20px;" class="right-talk-box">
            <h2>给自己扮酷！</h2>
            <p>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;上传你喜欢的照片，建议上传近距离的照片（如大头照、特写，尺寸150 x150px 以上），这样经过编辑后的头像会很清楚，<b>大头像更容易成为白泡泡达人哦！</b> 
            </p>
            <p>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;保存成功后如果图标不更新，你可以用浏览器多刷新几次。
            </p>
            <em></em>
        </div>
    </div>
    <div class="clear">
    </div>



</div>